@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/*Common*/
*{margin:0;padding:0}
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
body,h1,h2,h3,h4,h5,h6,th,td,input,textarea,select,option{color:#555;font-family:"나눔고딕","NanumGothic",'Nanum Gothic',"돋움",dotum,sans-serif;font-size:13px;font-weight:normal}
img,fieldset,iframe{border:0 none}
ul,ol,li{list-style:none}
em,address{font-style:normal}
img,input,select,textarea{vertical-align:middle}
a{color:#555;text-decoration:none;cursor:pointer}
a:hover{color:#555;text-decoration:none}
button,label{cursor:pointer;_cursor /**/:hand}
button *{position:relative}
button img{left:-3px;*left:auto}
textarea{overflow:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
.input_text, textarea{*margin:-1px 0;padding-right:1px}
.input_check, .input_radio{width:13px;height:13px}
.blind, legend, caption{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden}
hr{display:none}
legend{*width:0}
:root legend{margin-top:-1px;font-size:0;line-height:0}
caption{*line-height:0}

/*test*/
.test1{border:1px solid red}
.test2{background:#4f7beb}



/*head*/

#header{float:left; width:161px; height:100%;  position:relative; z-index:101}
.head{position:relative; z-index:101; background:url('../img/common/nav_pat.jpg') repeat;}
div.lang{overflow:hidden;border-bottom: 1px solid #4d4c4c;}
div.lang a{display:block; float:left; color:#fff; font-size:13px; font-weight:bold; height:30px; width:80px; text-align:center; line-height:30px}
div.lang a:first-child{border-right: 1px solid #4d4c4c;}
ul.nav li{}
ul.nav li a{display:block;padding-left:20px; width:141px; height:49px; line-height:49px; color:#fff; font-size:13px; font-weight:bold; border-bottom: 1px solid #4d4c4c;}
div.head_foot{margin-top:235px;:}
div.head_foot ol li{width:141px; margin-bottom:30px; padding-left:20px}
div.head_foot ol li.on{width:141px; height:70px;padding-top:20px; background:url('../img/common/nav_bg_green.png') no-repeat left top;}
div.shadow{background:url('../img/common/main_c151209_03.png') repeat-y left top; height:1500px; width:4px; float:left; position:relative; z-index:1000; position:absolute; left:100%; top:0;}

.nav2{position:absolute; left:0; top:0;z-index:10; background:#eeeeee; width:160px;}
.nav2{display:block; padding-top:181px; }
.nav02 ul li{border-bottom:1px solid #d6d6d6;width:119px; margin:0 auto; margin-bottom:12px; padding-bottom:12px; font-weight:600;}
.nav02 ul li a{font-size:13.5px; color:#666666}
.nav02 ul li a.on{color:#31b458;}
.nav02 ul li a:hover{color:#31b458;}
/*foot*/

#footer{background:#e6e6e8; padding:50px 0;}
.foot{text-align:center;}
.foot>ul{overflow:hidden; width:195px;margin:0 auto 34px;}
.foot>ul>li{float:left;margin-left:20px;}
.foot>ul>li a{color:#444444}
.foot>ul>li:first-child{margin-left:0;}
.foot>address{line-height:1.5em; color:#696969}
.foot>address span{margin:0 8px;}


/*right_nav*/
#right_nav{float:left; width:115px; background:#fff; position:relative; z-index:0; left:0;}
a.close{position:absolute; z-index:1000; right:0px; top:38px;}
#right_nav ul{overflow:hidden; width:80px; height:24px ; margin:50px auto 28px;;}
#right_nav ul li{float:left; margin-left:3px;}
#right_nav ul li:first-child{margin-left:0;}
#right_nav ol{overflow:hidden; width:93px; margin:0 auto;;}